<!doctype html>
<html lang="en">

	<head>
		<meta charset="UTF-8" />
		<title>77代购网</title>
		<link rel="stylesheet" href="css/common.css" />
		<link rel="stylesheet" href="css/index.css" />
	<link rel="stylesheet" href="css/goodsdetails.css" />
		<script type="text/javascript" src="js/common/jquery_min.js"></script>
	</head>

	<body>
		<!--头部样式开始-->
		<header>
			<!--顶部样式 开始-->
			<div id="top_s">
				<div id="top">
					<div class="top_left">
						<ul>
							<li><a href="#">免费注册</a></li>
							<li><a href="#">登陆</a></li>
							<li>
								<a href="#">
									<p class="fb"></p>Facebook登陆</a>
							</li>
							<li>
								<a href="#">
									<p class="wx"></p>微信登陆</a>
							</li>
						</ul>
					</div>
					<div class="top_right">
						<ul>
							<li>
								<p class="gwc"></p><a href="#">购物车</a></li>
							<li>
								<p class="grzx"></p><a href="member.html">个人中心</a></li>
							<li>
								<p class="mddd"></p><a href="#">我的订单</a></li>
							<li><a href="#">帮助</a></li>
						</ul>
					</div>
				</div>
			</div>
			<!--顶部样式结束-->
			<!--搜索框样式开始-->
			<div id="search">
				<div class="search_img"></div>
				<div class="search_input">
					<input type="text" name="search_value" placeholder="么么哒" />
					<span>点我代购</span>

				</div>
				<div class="search_list">
					<ul>
						<li>代购支持的商家:</li>
						<li>淘宝</li>
						<li>天猫</li>
						<li>1号店</li>
						<li>天猫</li>
						<li>京东</li>
						<li>亚马逊</li>
					</ul>
				</div>
			</div>
			<!--搜索框样式结束-->
			<!--列表样式开始-->
			<div id="list">
				<div class="list_list">
					<ul>
						<li><a href="index.html">首页</a></li>
						<li class="list_hover"><a class="list_a_hover" href="#">仓位购买</a></li>
						<li class="list_hover"><a class="list_a_hover" href="#">我要代运</a></li>
						<li class="list_hover"><a class="list_a_hover" href="#">淘宝</a></li>
						<li class="list_hover"><a class="list_a_hover" href="#">京东</a></li>
						<li class="list_hover"><a class="list_a_hover" href="#">蘑菇街</a></li>
						<li class="list_hover"><a class="list_a_hover" href="#">7号店</a></li>
						<li class="list_hover"><a class="list_a_hover" href="#">亚马逊商城</a></li>
					</ul>
				</div>
			</div>
			<!--列表样式结束-->
		</header>
		<!--头部样式结束-->
		<!--商品详情页面-->
	  <div class="goods">
	  	<div class="goods_one">
	  		<div class="goods_one_1">
	  			<img src="img/goods/TB24cCjdpXXXXb0XpXXXXXXXXXX_!!2153217295.jpg_400x400.jpg" />
	  		</div>
	  		<div class="goods_one_2">
	  			<ul>
	  				<li><img src="img/goods/TB1rdbsIpXXXXaMXXXXXXXXXXXX_!!0-item_pic.jpg_50x50.jpg" /></li>
	  				<li><img src="img/goods/TB1rdbsIpXXXXaMXXXXXXXXXXXX_!!0-item_pic.jpg_50x50.jpg" /></li>
	  				<li><img src="img/goods/TB1rdbsIpXXXXaMXXXXXXXXXXXX_!!0-item_pic.jpg_50x50.jpg" /></li>
	  				<li><img src="img/goods/TB1rdbsIpXXXXaMXXXXXXXXXXXX_!!0-item_pic.jpg_50x50.jpg" /></li>
	  			</ul>
	  		</div>
	  	</div>
	  	<form method="get" action="#" name="from4">
	  	<div class="goods_two">
	  		<div class="goods_two_1">
	  			<span>开衫 针织衫女春秋 新款2015毛衣短款薄外套女针织衫毛衣开衫外套</span>
	  		</div>
	  		<div class="goods_two_2">
	  			<p >价&nbsp;&nbsp;&nbsp;格<span>$116.00</span></p>
	  			<p >优惠价<span class="ppp">$24.00</span></p>
	  			<p >运&nbsp;&nbsp;&nbsp;费<span>$0.00</span></p>
	  		</div>
	  		<div class="goods_two_3">
	  			<div class="goods_two_3_1 q1">
	  				<span>区域选择:</span>
	  				<ul>
	  					<li>东马</li>
	  					<li>西马</li>
	  					<li>泰国</li>
	  					<li>印尼</li>
	  					<li>新加坡</li>
	  				</ul>
	  			</div>
	  			<div class="goods_two_3_1 q2">
	  				<span>运输方式:</span>
	  				<ul>
	  					<li>空运</li>
	  					<li>海运</li>
	  					<li>专线运输</li>
	  					<li>专线海运</li>
	  					<li>空运</li>
	  					<li>海运</li>
	  					<li>专线运输</li>
	  					<li>专线海运</li>
	  				</ul>
	  			</div>
	  			<div class="goods_two_3_1 q3">
	  				<span>运输类型:</span>
	  				<ul>
	  					<li>普通空运</li>
	  					<li>普通海运</li>
	  					<li>敏感空运</li>
	  					<li>敏感海运</li>
	  				</ul>
	  			</div>
	  			<div class="goods_two_3_1 q4">
	  				<span>专线运输:</span>
	  				<ul>
	  					<li>专线</li>
	  					<li>非专线</li>
	  			
	  				</ul>
	  			</div>
	  			<div class="goods_two_3_1">
	  				<div class="goods_two_3_1_1">数量：</div>
	  				<div class="goods_two_3_1_2">
	  					<div class="goods_two_3_1_2_1 jian">-</div>
	  					<div class="goods_two_3_1_2_2">
	  						<input type="text" name="number"  readonly="true" value="1" />
	  					</div>
	  					<div class="goods_two_3_1_2_1 jia">+</div>
	  					<div class="goods_two_3_1_1_1 ">剩余数量：<i>1220</i></div>
	  				</div>
	  				
	  				<div class="goods_two_3_1_3"><p class="anniu">提交订单</p></div>
	  				
	  				
	  			</div>
	  			</form>
	  		</div>
	  		<div class="goods_two_4"></div>
	  		<div class="goods_two_5"></div>
	  	</div>
	  	<div class="goods_three">3</div>
	  </div>
		
	</body>

</html>
<script type="text/javascript" src="js/index/index.js" ></script>